


        main .ttl{
            font-size: 22px;
            line-height: 35px;
            text-align: center;
            position: relative;
            padding-bottom: 25px;
            transform: translate(0px,30px);
        }
        main .ttl:after, 
        main .ttl:before{
            content: '';
            position: absolute;
            bottom: 0px;
            width: 9px;
            height: 9px;
            border: 2px solid #bdb297;
            left: calc(50% - 8px);
            transform: rotate(45deg);
            transition: transform .5s .6s;
        }
        main .ttl span:after{
            content: '';
            position: absolute;
            bottom: 0px;
            width: 9px;
            height: 9px;
            border: 2px solid #bdb297;
            left: calc(50% - 8px);
            transform: rotate(45deg);
            transition: transform .5s .6s;
        }
        main .ttl.frozen:before{
            transform: translateX(-10px) rotate(45deg);
        }
        main .ttl.frozen:after {
            transform: translateX(10px) rotate(45deg);
        }

        main .headSwiper{
            transform: translateY(50px);
            opacity: 0;
            transition: opacity .8s,transform .8s;
        }
        main .headSwiper.frozen{
            transform: translateY(0px);
            opacity: 1;
        }
        main .headSwiper .contn{
            position: relative;
            overflow: hidden;
        }
        main .headSwiper .contn .palace{
            height: 800px;
            position: relative;
            white-space: nowrap;
            transition: transform .8s;
        }
        main .headSwiper .contn .palace p{
            width: 89%;
            flex-shrink: 0;
            -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
            height: 100%;
            border-right: 6px solid #c7bea0;
        }
        main .headSwiper .contn .control{
            position: absolute;
            width: 11%;
            height: 100%;
            top: 0px;
            right: 0px;
            box-sizing: content-box;
            z-index: 2;
            padding-left: 6px;
            
        }
        main .headSwiper .contn .control::before{
            content: '';
            height: 100%;
            width: 6px;
            top: 0px;
            left: 0px;
            position: absolute;
            background: #c7bea0;
        }
        main .headSwiper .contn .control:hover{
            background: rgba(255,255,255,0.2);
        }
        main .headSwiper .contn .control .pgs{
            font-size: 14px;
            flex-direction: column;
            width: 87px;
            height: 87px;
            z-index: 2;
            position: absolute;
            transform: translate(-50%,-50%);
            left: 0px;
            top: 50%;
        }
        main .headSwiper .contn .control .pgs::before{
            content: '';
            background: #fff;
            position: absolute;
            box-sizing: border-box;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            border: 6px solid #c7bea0;
            z-index: -1;
            transform: rotate(45deg);
        }
        main .headSwiper .contn .control .pgs::after{
            width: 10px;
            height: 10px;
            border-right: 1px solid #4d5055;
            border-bottom: 1px solid #4d5055;
            transform: rotate(-45deg);
            transform-origin: bottom right;
            content: "";
            position: absolute;
            right: -2px;
            bottom: 50%;
        }
        main .headSwiper .contn .control .pgs *{
            text-align: center;
        }

        main .desc{
            margin-top: 60px;
        }
        main .desc .lft{
            width: 69%;
            padding-right: 5%;
            border-right: 2px solid #c0b594;
            transform: translateY(-30px);
            opacity: 0;
            transition: transform .8s,opacity .8s;
        }
        main .desc.frozen .lft{
            transform: translateY(0px);
            opacity: 1;
        }
        main .desc .lft .name{
            font-size: 36px;
            font-weight: bold;
        }
        main .desc .lft .t{
            font-size: 24px;
            line-height: 1.5;
            margin-top: 35px;
            margin-bottom: 50px;
        }
        main .desc .lft ul{
            overflow: hidden;
            margin-left: -60px;
        }
        main .desc .lft ul li{
            float: left;
            width: calc(100% / 3 - 60px);
            margin-left: 60px;
            font-size: 14px;
        }
        main .desc .lft ul li p:first-child{
            font-size: 24px;
            margin-bottom: 15px;
        }
        main .desc .rht{
            width: 31%;
            padding-left: 5%;
            transform: translateX(50px);
            opacity: 0;
            transition: transform .8s,opacity .8s;
        }
        main .desc.frozen .rht{
            transform: translateX(0px);
            opacity: 1;
        }
        main .desc .rht ul li{
            padding-left: 25px;
            font-size: 18px;
            position: relative;
            line-height: 2;
            margin-bottom: 15px;
        }
        main .desc .rht ul li::before{
            content: '';
            width: 4px;
            height: 4px;
            position: absolute;
            top: calc(50% - 2px);
            left: 0px;
            transform: rotate(45deg);
            background: #000;
        }
        
        main .details{
            margin-top: 104px;
            position: relative;
            z-index: 2;
            background: #fff;
        }
        main .details .box{
            float: left;
            width: 100%;
            clear: both;
        }
        main .details .b1{
            margin-top: 40px;
        }
        main .details .picSwiper{
            position: relative;
        }
        main .details .b1 .picSwiper{
            float: right;
            width: 49%;
            transform: translate(100px,0);
        }
        main .details .picSwiper .swiper-slide img,
        main .details .pic img{
            display: block;
            width: 100%;
            height: auto;
        }
        main .details .picSwiper .swiper-pagination{
            bottom: auto;
            top: 20px;
        }
        main .details .picSwiper .swiper-pagination span{
            border-radius: initial;
            width: 9px;
            height: 9px;
            background: #fff;
            transform: rotate(45deg);
            transition: background .7s;
            opacity: 1;
            margin: 0px 15px;
        }
        main .details .picSwiper .swiper-pagination span:hover,
        main .details .picSwiper .swiper-pagination .swiper-pagination-bullet-active{
            background: #c0b594;
        }
        main .details .ready{
            opacity: 0;
            transition: opacity .8s,transform .8s;
        }
        main .details .frozen{
            transform: translate(0px,0px) !important;
            opacity: 1;
        }
        main .details .txt{
            padding: relative;
            border: 6px solid #dededf;
            position: relative;
            flex-direction: column;
            height: 262px;
            z-index: 2;
        }
        main .details .b1 .txt{
            float: left;
            margin-left: 15%;
            width: 32%;
            text-align: right;
            margin-bottom: 30px;
            padding-left: 2%;
            padding-right: 4.5%;
            transform: translate(-50px,0);
            text-align: right;
        }
        main .details .txt::after{
            position: absolute;
            content: "";
            width: 220px;
            height: 2px;
            background: #c6bda0;
        }
        main .details .b1 .txt::after{
            top: 60%;
            right: -170px;
        }
        main .details .txt h5{
            font-size: 30px;
            padding-bottom: 25px;
        }
        main .details .txt .t{
            letter-spacing: 1px;
            line-height: 1.5;
            font-size: 16px;
        }
        main .details .b1 .pic{
            float: left;
            width: 48.5%;
            -webkit-transform: translate(0,30px);
            transform: translate(0,30px);
        }
        main .details .squareTxt{
            width: 200px;
            height: 200px;
            position: relative;
            text-align: center;
            font-size: 14px;
            line-height: 1.5;
            transform: translate(0px,50px);
            -webkit-transform: translate(0,50px);
        }
        main .details .b1 .squareTxt{
            float: left;
            margin-left: 3%;
            margin-top: 56px;
            clear: left;
        }
        main .details .squareTxt::before{
            position: absolute;
            top: 0px;
            left: 0px;
            width: 200px;
            height: 200px;
            border: 2px solid #bdb297;
            content: "";
            transform: rotate(45deg);
        }
        main .details .squareTxt::after{
            position: absolute;
            bottom: 240px;
            left: 50%;
            width: 2px;
            margin-left: 1px;
            height: 165px;
            content: "";
            background: #bdb297;
        }
        main .details .squareTxt p::after{
            position: absolute;
            top: 7px;
            left: 7px;
            width: 190px;
            z-index: -1;
            height: 190px;
            background: #fff;
            content: "";
            transform: rotate(45deg);
        }
        main .details .squarePic{
            position: relative;
        }
        main .details .b1 .squarePic{
            float: left;
            width: 30.5%;
            margin-top: 40px;
            margin-left: 1%;
            height: 440px;
        }
        main .details .squarePic p{
            position: absolute;
            top: 50%;
            width: 100%;
            padding-bottom: 100%;
            left: 0px;
            transform: translateY(-50%);
            clip-path: polygon(50% 0%,100% 50%,50% 100%,0% 50%);
        }

        main .details .b2{
            padding-bottom: 30px;
        }
        main .details .b2 .picSwiper{
            float: left;
            width: 61%;
            margin-top: 54px;
            -webkit-transform: translate(-100px,0px);
            transform: translate(-100px,0px);
        }
        main .details .b2 .txt{
            float: left;
            width: 38.2%;
            padding: 0 4% 0 4.6%;
            margin-left: -2.2%;
            margin-bottom: 32px;
            -webkit-transform: translate(50px,0px);
            transform: translate(50px,0px);
        }
        main .details .b2 .txt:after{
            top: 165px;
            left: -170px;
        }
        main .details .b2 .pic{
            width:36.5%;
            float: right;
            -webkit-transform: translate(0,50px);
            transform: translate(0,50px);
        }
        main .details .b2 .pic + .squareTxt{
            float: left;
            margin-top: 65px;
            margin-left: 12.5%;
        }
        main .details .b2 .squarePic{
            float: left;
            width: 39.5%;
            max-width: 537px;
            margin-top: 21px;
            margin-left: -2.5%;
            margin-right: -150px;
            height: 575px;
        }
        main .details .b2 .squarePic + .squareTxt{
            float: right;
            margin-left: -12%;
            margin-right: 25.5%;
            margin-top: 125px;
        }

        main .details .b3 .picSwiper{
            float: right;
            width: 71%;
            margin-bottom: 25px;
            transform: translate(100px,0);
        }
        main .details .b3 .txt{
            float: left;
            margin-right: -3%;
            width: 32%;
            margin-top: 130px;
            padding: 0 4% 0 .6%;
            text-align: right;
            -webkit-transform: translate(0,-50px);
            transform: translate(0,-50px);
        }
        main .details .b3 .txt::after{
            top: auto;
            bottom: -230px;
            left: 50%;
            width: 2px;
            height: 260px;
        }
        main .details .b3 .pic{
            float: left;
            width: 48%;
            margin-right: 2%;
            -webkit-transform: translate(0,100px);
            transform: translate(0,100px);
        }
        main .details .b3 .pic + .pic{
            width: 24%;
            -webkit-transform: translate(-30px,0);
            transform: translate(-30px,0);
        }
        main .details .b3 .squareTxt{
            float: right;
            margin-right: 4%;
            margin-top: -15px;
        }
        main .details .b3 .squarePic{
            float: right;
            width: 29.5%;
            margin-top: -122px;
            height: 425px;
        }

        
        main .tip{
            position: relative;
            z-index: 1;
        }
        main .tip .contn{
            position: relative;
            z-index: 3;
            text-align: center;
            font-size: 30px;
            line-height: 1.5;
            letter-spacing: 2px;
            max-width: 700px;
            width: 49%;
            margin: 0 auto;
            padding-top: 350px;
            padding-bottom: 420px;
        }
        main .tip .contn .txt{
            min-height: 500px;
            background: url(../img/workInfo/logoBg.png) no-repeat 50% 0%;
            -webkit-transform: translate(0,100px);
            transform: translate(0,100px);
            -webkit-transition: -webkit-transform .8s, opacity .8s;
            transition: transform .8s, opacity .8s;
            opacity: 0;
        }
        main .tip .contn .txt.frozen{
            opacity: 1;
            transform: translate(0px,0px);
        }
        main .tip .contn .scrollDown{
            bottom: 273px;
        }
        main .tip::before{
            content: '';
            position: absolute;
            z-index: 2;
            width: 2000px;
            height: 1400px;
            background: url(../img/triangle.png) no-repeat center bottom;
            left: calc(50% - 1000px);
            bottom: 0px;
        }
        main .tip::after{
            content: '';
            position: absolute;
            width: 480px;
            height: 480px;
            background: #c7bea0;
            bottom: 65px;
            left: 50%;
            opacity: 0;
            margin-bottom: 100px;
            transform: translateX(-50%) rotate(45deg);
            transition-property: opacity,margin;
            transition-duration: .8s;
        }
        main .tip.frozen::after{
            opacity: 1;
            margin-bottom: 0px;
        }
        main .tip .contn .scrollDown i{
            height: 126px;
            transform: scaleY(0);
            transform-origin: bottom;
            transition: transform .5s linear .4s;
        }
        main .tip .contn.frozen .scrollDown i{
            transform: scaleY(1);
        }
        main .tip .contn.frozen .scrollDown span{
            transition: transform .4s  linear .7s, opacity .4s  linear .7s;
        }
        main .tip .contn .txt .ttl{
            padding-top: 48px;
            transform: initial;
            padding-bottom: 17px;
            margin-bottom: 28px;
        }
        main .tip .contn .txt.frozen .ttl:before{
            transform: translateX(-10px) rotate(45deg);
        }
        main .tip .contn .txt.frozen .ttl:after {
            transform: translateX(10px) rotate(45deg);
        }
        

        main .ognztn{
            margin-top: -1126px;
            padding-top: 1126px;
            padding-bottom: 86px;
            position: relative;
            z-index: 0;
            overflow: hidden;
        }
        main .ognztn::before{
            content: '';
            position: absolute;
            background: #14171c;
            top: 0px;
            left: 0px;
            opacity: .88;
            z-index: 2;
            width: 100%;
            height: 100%;
        }
        main .ognztn .fluid{
            position: relative;
            z-index: 3;
            overflow: visible;
            padding-top: 32px;
        }
        main .ognztn .fluid>a{
            padding-left: 33px;
            line-height: 20px;
            font-size: 14px;
            display: inline-block;
            vertical-align: top;
            margin-bottom: 35px;
            font-weight: bold;
            color: #fff;
            background: url(../img/common/linkIcon.png) no-repeat left center;
        }
        main .ognztn .fluid .related{
            flex-wrap: wrap;
        }
        main .ognztn .fluid .related .item{
            width: 31%;
            margin-right: 3.5%;
            transition: transform .8s, opacity .8s;
            transform: translate(0px,100px);
            opacity: 0;
        }
        main .ognztn .fluid .related .item:nth-child(2){
            transition-delay: .4s;
        }
        main .ognztn .fluid .related .item:nth-child(3){
            transition-delay: .8s;
        }
        main .ognztn .fluid .related.frozen .item{
            opacity: 1;
            transform: translate(0px,0px);
        }
        main .ognztn .fluid .related .item:last-child{
            margin-right: 0px;
        }
        main .ognztn .fluid .related .pic{
            position: relative;
        }
        main .ognztn .fluid .related .pic .workSwiper{
            display: block;
        }
        main .ognztn .fluid .related .pic .workSwiper:before{
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0;
            transition: opacity .7s;
            z-index: 2;
            top: 0px;
            left: 0px;
        }
        main .ognztn .fluid .related .pic:hover .workSwiper:before{
            opacity: .3;
        }
        
        main .ognztn .fluid .related .pic .swiper-slide img{
            display: block;
            width: 100%;
            height: auto;
        }
        main .ognztn .fluid .related .pic .btn{
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            cursor: pointer;
            z-index: 2;
            opacity: 0;
            transition: opacity .7s;
        }
        main .ognztn .fluid .related .pic:hover .btn{
            opacity: 1;
        }
        main .ognztn .fluid .related .pic .btn:before{
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            opacity: 0;
            z-index: 2;
            transition: opacity .7s;
            pointer-events: none;
        }
        main .ognztn .fluid .related .pic .btn:hover:before{
            opacity: 1;
        }
        main .ognztn .fluid .related .pic .btn.prev{
            left: 18px;
            background: url(../img/common/arrows.png) 0px -100px;
        }
        main .ognztn .fluid .related .pic .btn.prev:before{
            background: url(../img/common/arrows.png) 0px -150px;
        }
        main .ognztn .fluid .related .pic .btn.next{
            right: 18px;
            background: url(../img/common/arrows.png) 0px 0px;
        }
        main .ognztn .fluid .related .pic .btn.next:before{
            background: url(../img/common/arrows.png) 0px -50px;
        }
        main .ognztn .fluid .related .txt{
            background: #fff;
            padding: 40px 5% 32px;
            position: relative;
        }
        main .ognztn .fluid .related .txt .name{
            font-size: 30px;
            line-height: 43px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            white-space: normal;
            word-break: break-all;
            font-weight: bold;
            margin-bottom: 30px;
        }
        main .ognztn .fluid .related .dtls p{
            padding-left: 7px;
            padding-bottom: 12px;
        }
        main .ognztn .fluid .related .dtls p span{
            line-height: 20px;
        }
        main .ognztn .fluid .related .dtls p span:first-child{
            float: left;
            margin-right: 7px;
            font-size: 14px;
            font-weight: bold;
        }
        main .ognztn .fluid .related .dtls p span:last-child{
            display: block;
            overflow: hidden;
            font-size: 16px;
        }
        main .ognztn .more span{
            padding: 0px 18px;
        }
        main .ognztn .fluid .related .item:last-child{
            position: relative;
            padding: 0 4%;
            text-align: center;
            color: #fff;
        }
        main .ognztn .fluid .related .item:last-child .mid{
            display: table;
            height: 100%;
            width: 100%;
        }
        main .ognztn .fluid .related .item:last-child .mid .inner{
            display: table-cell;
            vertical-align: middle;
        }
        main .ognztn .fluid .related .item:last-child .mid .inner .ttl{
            font-size: 30px;
            font-weight: bold;
            padding-bottom: 40px;
            margin-bottom: 30px;
            transform: initial;
        }
        main .ognztn .fluid .related .item:last-child .mid .inner .ttl:before{
            transform: translateX(-10px) rotate(45deg);
        }
        main .ognztn .fluid .related .item:last-child .mid .inner .ttl:after {
            transform: translateX(10px) rotate(45deg);
        }
        main .ognztn .fluid .related .item:last-child .mid .inner .eng{
            font-size: 24px;
            line-height: 1.5;
        }
        main .ognztn .fluid .related .item:last-child .mid .inner .muchMore{
            color: #fff;
            margin-top: 50px;
        }
        main .ognztn .fluid .related .item:last-child>span{
            position: absolute;
            background: #fff;
        }
        main .ognztn .fluid .related .item:last-child .hor{
            height: 6px;
            width: 0%;
            transition: width .3s linear;
        }
        main .ognztn .fluid .related .item:last-child .ver{
            width: 6px;
            height: 0%;
            transition: height .3s linear;
        }
        main .ognztn .fluid .related.frozen .item:last-child .hor{
            width: 100%;
        }
        main .ognztn .fluid .related.frozen .item:last-child .ver{
            height: 100%;
        }
        main .ognztn .fluid .related .item:last-child .tp,
        main .ognztn .fluid .related .item:last-child .tp + *{
            top: 0px;
        }        
        main .ognztn .fluid .related .item:last-child .rht,
        main .ognztn .fluid .related .item:last-child .rht + *{
            right: 0px;
        }
        main .ognztn .fluid .related .item:last-child .btm,
        main .ognztn .fluid .related .item:last-child .btm + *{
            bottom: 0px;
        }
        main .ognztn .fluid .related .item:last-child .lft,
        main .ognztn .fluid .related .item:last-child .tp{
            left: 0px;
        }
        main .ognztn .fluid .related .item:last-child .tp{
            transition-delay: 1s;
        }
        main .ognztn .fluid .related .item:last-child .rht{
            transition-delay: 1.3s;
        }
        main .ognztn .fluid .related .item:last-child .btm{
            transition-delay: 1.6s;
        }
        main .ognztn .fluid .related .item:last-child .lft{
            transition-delay: 1.9s;
        }
        



        

        @media(max-width:1600px){
            main .desc{
                margin-top: 55px;
            }
            main .desc .lft .name{
                font-size: 28px;
            }
            main .desc .lft .t{
                font-size: 23px;
                margin-top: 21px;
                margin-bottom: 35px;
            }
            main .desc .lft ul li p:first-child{
                font-size: 19px;
            }
            main .desc .rht ul li{
                font-size: 15px;
            }

            main .details .txt::after{
                width: 210px;
            }
            main .details .b1 .squareTxt{
                margin-top: 53px;
            }
            main .details .squareTxt::after{
                height: 158px;
            }
            main .details .b2{
                padding-bottom: 28px;
            }
            main .details .b2 .picSwiper{
                margin-top: 50px;
            }
            main .details .b2 .txt{
                margin-bottom: 30px;
            }
            main .details .b3 .txt::after{
                height: 249px;
                bottom: -220px;
            }
            main .details .b2 .pic + .squareTxt{
                margin-top: 62px;
            }
            main .details .b2 .squarePic + .squareTxt{
                margin-right: 16%;
                margin-top: 120px;
            }
            main .details .b3 .txt{
                margin-top: 124px;
            }
            main .details .b3 .squarePic{
                margin-top: -76px;
            }

            main .tip .contn{
                padding-top: 300px;
                padding-bottom: 350px;
                font-size: 28px;
            }
            main .tip .contn .txt{
                min-height: 460px;
            }
            main .tip .contn .txt .ttl{
                font-size: 18px;
            }
            main .tip .contn .scrollDown{
                bottom: 220px;
            }
            main .tip .contn .scrollDown i{
                height: 120px;
            }
            main .tip::after{
                width: 460px;
                height: 460px;
                bottom: 58px;
            }

            main .ognztn .fluid .related .txt{
                padding-top: 38px;
                padding-bottom: 30px;
            }
            main .ognztn .fluid .related .txt .name,
            main .ognztn .fluid .related .item:last-child .mid .inner .ttl{
                font-size: 28px;
                margin-bottom: 28px;
            }
            main .ognztn .fluid .related .item:last-child .mid .inner .muchMore{
                margin-top: 45px;
            }
        }
        @media(max-width:1500px){
            main .fluid{
                width: 100%;
                padding: 0px 50px;
            }  
        }
        @media(max-width:1480px){
            main .details .b1 .squareTxt{
                margin-left: 4%;
            }
            main .details .b1 .squarePic{
                width: 27.5%;
                margin-top: 18px;
            }
        }
        @media(max-width:1430px){
            main .fluid{
                padding: 0px 50px;
            }

            main .details .b1 .txt{
                width: 37%;
                margin-left: 10%;
            }
        }
        @media(max-width:1200px){
            main .fluid{
                padding: 0px 30px;
            }
            main .desc .lft ul li p:first-child{
                font-size: 16px;
            }

            main .details .b1{
                padding-top: 70px;
            }
            main .details .b1 .txt{
                padding-right: 2% !important;
                padding-left: 4% !important;
            }
            main .details .b1 .txt{
                width: 40%;
                margin-left: 7%;
                margin-bottom: 25px;
            }
            main .details .txt::after{
                width: 197px;
            }
            main .details .b1 .squareTxt{
                margin-left: 4.5%;
                margin-top: 50px;
            }
            main .details .squareTxt::after{
                height: 147px;
            }
            main .details .b1 .squarePic{
                margin-right: -90px;
            }
            main .details .b2 .picSwiper{
                margin-top: 48px;
            }
            main .details .b2 .txt{
                margin-bottom: 28px;
            }
            main .details .b2 .pic + .squareTxt{
                margin-left: 5%;
            }
            main .details .b2 .squarePic{
                margin-top: -18px;
                margin-right: 0px;
            }
            main .details .b2 .squarePic + .squareTxt{
                margin-top: 70px;
                margin-right: 7%;
            }
            main .details .b3 .picSwiper{
                margin-bottom: 22px;
            }
            main .details .b3 .txt{
                margin-top: 70px;
                padding-left: 4%;
            }
            main .details .b3 .txt::after{
                height: 232px;
                bottom: -206px;
            }
            main .details .b3 .pic{
                width: 44%;
            }
            main .details .b3 .squareTxt{
                margin-top: -13px;
                margin-right: 3%;
            }
            main .details .b3 .squarePic{
                margin-top: -90px;
                margin-right: 7%;
            }

            main .tip .contn{
                padding-top: 240px;
                padding-bottom: 270px;
                font-size: 26px;
            }
            main .tip .contn .txt{
                min-height: 448px;
            }
            main .tip .contn .txt .ttl{
                font-size: 16px;
            }
            main .tip .contn .scrollDown{
                bottom: 170px;
            }
            main .tip .contn .scrollDown i{
                height: 113px;
            }
            main .tip::after {
                width: 426px;
                height: 426px;
                bottom: 54px;
            }

            main .ognztn .fluid .related .txt{
                padding-top: 35px;
                padding-bottom: 28px;
            }
            main .ognztn .fluid .related .txt .name,
            main .ognztn .fluid .related .item:last-child .mid .inner .ttl{
                font-size: 26px;
                margin-bottom: 26px;
            }
            main .ognztn .fluid .related .item:last-child .mid .inner .muchMore{
                margin-top: 26px;
            }
        }

        @media(max-width:1024px){
            main .fluid{
                padding: 0px 25px;
            }
            main .headSwiper .contn .palace{
                height: 690px;
            }
            main .desc{
                margin-top: 50px;
                display: block;
            }
            main .desc>*{
                width: 100% !important;
                padding: 0px !important;
            }
            main .desc .lft{
                border-right-width: 0px;
                padding-bottom: 80px !important;
                border-bottom: 2px solid #c0b594;
                margin-bottom: 20px;
            }
            main .desc .lft .name{
                font-size: 25px;
            }
            main .desc .lft .t{
                font-size: 20px;
            }
            main .desc .rht{
                text-align: center;
            }
            main .desc .rht ul{
                display: inline-block;
                vertical-align: middle;
                text-align: left;
            }
            main .desc .rht ul li{
                margin-bottom: 12px;
            }


            main .details .b1{
                padding-top: 45px;
            }
            main .details .b1 .txt{
                width: 45%;
                margin-left: 2%;
                margin-bottom: 25px;
            }
            main .details .txt h5{
                font-size: 24px;
                padding-bottom: 20px;
            }
            main .details .txt .t{
                font-size: 14px;
            }
            main .details .b1 .squareTxt{
                margin-left: 6%;
                margin-top: 70px;
            }
            main .details .squareTxt::after{
                height: 142px;
            }
            main .details .b1 .squarePic{
                margin-top: 17px;
                margin-right: -86px;
            }
            main .details .picSwiper .swiper-pagination span{
                margin: 0px 12px;
            }
            main .details .b2{
                padding-bottom: 25px;
            }
            main .details .b2 .picSwiper{
                margin-top: 45px;
            }
            main .details .b2 .txt{
                width: 41%;
                float: right;
            }
            main .details .b2 .pic + .squareTxt{
                margin-top: 56px;
            }
            main .details .b2 .squarePic{
                width: 34%;
            }
            main .details .b2 .squarePic + .squareTxt{
                margin-right: 9%;
            }
            main .details .b3 .picSwiper{
                width: 67%;
            }
            main .details .b3 .txt{
                margin-top: 25px;
                width: 36%;
            }
            main .details .b3 .txt::after{
                top: 224px;
                height: 155px;
            }
            main .details .b3 .pic{
                width: 38%;
            }
            main .details .b3 .pic + .pic{
                width: 18%;
            }
            main .details .b3 .squarePic{
                margin-right: 18%;
                margin-top: -86px;
            }

            main .tip .contn{
                padding-top: 180px;
                padding-bottom: 210px;
                font-size: 24px;
                width: 55%;
            }
            main .tip .contn .txt{
                min-height: 432px;
            }
            main .tip .contn .txt .ttl{
                font-size: 14px;
            }
            main .tip .contn .scrollDown{
                bottom: 120px;
            }
            main .tip .contn .scrollDown i{
                height: 109px;
            }
            main .tip::after{
                width: 414px;
                height: 414px;
                bottom: 52px;
            }

            main .ognztn .fluid .related .item{
                width: 48%;
                margin-right: 0px;
                margin-bottom: 27px;
            }
            main .ognztn .fluid .related .item:first-child{
                margin-right: 4%;
            }
            main .ognztn .fluid .related .item:last-child{
                width: 100%;
                margin-bottom: 0px;
                height: 450px;
                transition-delay: 0s;
            }
            main .ognztn .fluid .related .item:last-child .tp{
                transition-delay: .2s;
            }
            main .ognztn .fluid .related .item:last-child .rht{
                transition-delay: .5s;
            }
            main .ognztn .fluid .related .item:last-child .btm{
                transition-delay: .8s;
            }
            main .ognztn .fluid .related .item:last-child .lft{
                transition-delay: 1.1s;
            }
            main .ognztn .fluid .related .item .txt{
                padding-top: 34px;
                padding-bottom: 27px;
            }
        }

        @media(max-width:767px){
            main .fluid{
                padding: 0px 12px;
            }
            main .headSwiper .contn .palace{
                height: 640px;
            }
            main .headSwiper .contn .palace p{
                width: 83%;
            }
            main .headSwiper .contn .control{
                width: 17%;
            }

            main .desc{
                margin-top: 45px;
            }
            main .desc .lft .name{
                font-size: 22px;
            }
            main .desc .lft .t{
                font-size: 16px;
                margin-top: 8px;
                margin-bottom: 25px;
            }
            main .desc .lft ul{
                margin-left: -40px;
            }
            main .desc .lft ul li{
                font-size: 12px;
                margin-left: 40px;
                width: calc(100% / 3 - 40px);
            }
            main .desc .lft ul li p:first-child{
                font-size: 14px;
                margin-bottom: 8px;
            }
            main .desc .rht ul li{
                font-size: 12px;
            }

            main .details .picSwiper{
                width: 100% !important;
                float: initial !important;
            }
            main .details .txt{
                float: initial !important;
                margin: 0 auto !important;
                height: initial;
                display: block;
                padding: 44px 2% 32px 4% !important;
                margin-bottom: 16px !important;
                width: 90% !important;
                top: -20px;
            }
            main .details .b1 .txt{
                text-align: left;
            }
            main .details .txt h5{
                font-size: 20px;
                line-height: 1;
            }
            main .details .txt .t{
                font-size: 12px;
            }
            main .details .pic{
                width: 100% !important;
                float: initial !important;
            }
            main .details .b1 .pic{
                margin-bottom: 24px;
            }
            main .details .squareTxt{
                float: initial !important;
                margin: 0 auto !important;
            }
            main .details .b1 .squareTxt{
                margin: -32px auto -16px !important;
            }
            main .details .squarePic{
                height: initial !important;
                width: auto !important;
                max-width: 100%;
                float: initial !important;
                margin: 0 auto !important;
                margin-top: -24px !important;
            }
            main .details .squarePic p{
                position: initial;
                transform: initial;
                padding: 0px;
            }
            main .details .squarePic p img{
                height: auto;
                position: initial;
                object-fit: initial;
                display: block;
            }
            main .details .txt::after,
            main .details .squareTxt::after,
            main .ognztn .fluid .related .item:nth-child(2){
                display: none;
            }
            main .details .b1{
                margin-top: 35px;
                padding-top: 35px;
            }
            main .details .b2 .picSwiper{
                margin-top: 42px;
            }
            main .details .b2 .txt{
                width: 41%;
                float: right;
            }
            main .details .b2 .pic + .squareTxt{
                margin-top: -8px !important;
            }
            main .details .b2 .squarePic{
                width: 34%;
            }
            main .details .b2 .squarePic + .squareTxt{
                margin-top: -56px !important;
            }
            main .details .b3{
                padding-top: 40px;
            }
            main .details .b3 .picSwiper{
                margin-bottom: 0px;
            }
            main .details .b3 .txt{
                padding-right: 4%;
                text-align: left;
            }
            main .details .b3 .pic{
                margin-right: 0px;
                margin-bottom: 24px;
            }
            main .details .b3 .pic + .pic{
                width: 80% !important;
                margin: 0 auto;
            }

            main .tip .contn{
                padding-top: 140px;
                padding-bottom: 160px;
            }
            main .tip::after{
                width: 240px;
                height: 240px;
                bottom: 32px;
            }

            main .ognztn .fluid .related .item{
                width: 100%;
            }
            main .ognztn .fluid .related  .item .txt{
                padding-top: 16px;
                padding-bottom: 13px;
            }
            main .ognztn .fluid .related .txt .dtls p{
                padding-left: 0px;
                padding-bottom: 9px;
            }
            main .ognztn .fluid .related .dtls p span{
                font-size: 12px !important;
                line-height: 1 !important;
            }
            main .ognztn .fluid .related .txt .name, 
            main .ognztn .fluid .related .item:last-child .mid .inner .ttl {
                font-size: 24px;
                margin-bottom: 16px;
                line-height: 1;
            }
            main .ognztn .fluid .related .item:last-child .mid .inner .muchMore{
                margin-top: 16px;
            }
            main .ognztn .more{
                margin-top: 20px;
            }
        }

        @media(max-width:500px){
            main .desc .lft{
                padding-bottom: 15px !important;
            }
            main .desc .lft ul{
                margin-left: 0px;
            }
            main .desc .lft ul li{
                font-size: 12px;
                margin-left: 0px;
                margin-bottom: 25px;
                width: 100%;
            }
            main .desc .rht ul{
                display: block;
            }

            main .details{
                margin: 0px;
                margin-top: 36px;
            }
            main .tip .contn{
                width: 90%;
                font-size: 18px;
            }
            main .tip .contn .txt{
                min-height: 400px;
                background-size: contain;
            }
            main .tip .contn .scrollDown{
                bottom: 80px;
            }
        }